<!DOCTYPE html>
<html lang="en">

	<head>
	
		<!-- Basic -->
    	<meta charset="UTF-8" />

		<title>Invoice | Nadhif - Responsive Admin Template</title>
		
		<!-- Mobile Metas -->
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		
		<!-- Import google fonts -->

        
		<!-- Favicon and touch icons -->
<!--		<link rel="shortcut icon" href="/ico/favicon.ico" type="image/x-icon" />
		<link rel="apple-touch-icon" href="/ico/apple-touch-icon.png" />
		<link rel="apple-touch-icon" sizes="57x57" href="/ico/apple-touch-icon-57x57.png" />
		<link rel="apple-touch-icon" sizes="72x72" href="/ico/apple-touch-icon-72x72.png" />
		<link rel="apple-touch-icon" sizes="76x76" href="/ico/apple-touch-icon-76x76.png" />
		<link rel="apple-touch-icon" sizes="114x114" href="/ico/apple-touch-icon-114x114.png" />
		<link rel="apple-touch-icon" sizes="120x120" href="/ico/apple-touch-icon-120x120.png" />
		<link rel="apple-touch-icon" sizes="144x144" href="/ico/apple-touch-icon-144x144.png" />
		<link rel="apple-touch-icon" sizes="152x152" href="/ico/apple-touch-icon-152x152.png" />-->
		
	    <!-- start: CSS file-->
		
		<!-- Vendor CSS-->
		<link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link href="/vendor/skycons/css/skycons.css" rel="stylesheet" />
		<link href="/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
		
		<!-- Plugins CSS-->
		<link href="/plugins/bootkit/css/bootkit.css" rel="stylesheet" />
		<link href="/plugins/fullcalendar/css/fullcalendar.css" rel="stylesheet" />
		<link href="/plugins/jquery-ui/css/jquery-ui-1.10.4.min.css" rel="stylesheet" />
		
		<!-- Theme CSS -->
		<link href="/css/jquery.mmenu.css" rel="stylesheet" />
		
		<!-- Page CSS -->		
		<link href="/css/style.css" rel="stylesheet" />
		<link href="/css/add-ons.min.css" rel="stylesheet" />
		
		<!-- end: CSS file-->	
	    
		
		<!-- Head Libs -->
		<script src="/plugins/modernizr/js/modernizr.js"></script>
		
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->

		<script>
			window.onload=function(){

				//所有用户获取收藏的网页
				$.ajax({
					type:"POST",
					dataType:"JSON",
					contentType: "application/json;charset=UTF-8",
					url:"/getCollectType",
					data:JSON.stringify({
					}),
					success:
							function (Response) {
								console.log(Response.msg[0].typeContent)
								Response.msg.forEach(function (item,index) {

									$("#collectType").html($("#collectType").html()+
									'<a href="/getCollectByid?collectTypeId='+item.id+'"><div class="panel panel-body bk-bg-white" ' +
											' style="overflow: hidden; width:340px; float: left; padding-top: 0;padding-left: 0; margin-left: 20px;margin-top: 30px; border-radius: 20px;">' +
											'<div style="color:#fff; background: #435D78; width:340px;height:30px; padding-top: 5px;"><h5 style="margin-top:0px;margin-left:20px;";><strong  style="font-size: 20px">'+item.typeName+'</strong>' +
											'</h5></div><p style=" margin:10px 0 0 10px; height: 90px;;overflow: hidden;text-overflow:ellipsis;white-space:pre-line;">'+item.typeContent+'</p></div></a>'
									)
								})
							}
				});
			}
		</script>
	</head>
	
	<body>
	
		<!-- Start: Header -->
		<div class="navbar" role="navigation">
			<div class="container-fluid container-nav" style="width: 100%;">
				<!-- Navbar Action -->

				<!-- Navbar Left -->
				<div class="navbar-left">
					<!-- Search Form -->

				</div>
				<!-- Navbar Right -->
				<div class="navbar-right">
					<!-- Notifications -->
					<!--<ul class="notifications hidden-sm hidden-xs">
						<li>
							<a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
								<i class="fa fa-tasks"></i>
								<span class="badge">10</span>
							</a>
							<ul class="dropdown-menu update-menu" role="menu">
								<li><a href="#"><i class="fa fa-database bk-fg-primary"></i> Database </a></li>
								<li><a href="#"><i class="fa fa-bar-chart-o bk-fg-primary"></i> Connection </a></li>
								<li><a href="#"><i class="fa fa-bell bk-fg-primary"></i> Notification </a></li>
								<li><a href="#"><i class="fa fa-envelope bk-fg-primary"></i> Message </a></li>
								<li><a href="#"><i class="fa fa-flash bk-fg-primary"></i> Traffic </a></li>
								<li><a href="#"><i class="fa fa-credit-card bk-fg-primary"></i> Invoices </a></li>
								<li><a href="#"><i class="fa fa-dollar bk-fg-primary"></i> Finances </a></li>
								<li><a href="#"><i class="fa fa-thumbs-o-up bk-fg-primary"></i> Orders </a></li>
								<li><a href="#"><i class="fa fa-folder bk-fg-primary"></i> Directories </a></li>
								<li><a href="#"><i class="fa fa-users bk-fg-primary"></i> Users </a></li>		
							</ul>
						</li>
						<li>
							<a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
								<i class="fa fa-envelope"></i>
								<span class="badge">5</span>
							</a>
							<ul class="dropdown-menu">
								<li class="dropdown-menu-header">
									<strong>Messages</strong>
									<div class="progress progress-xs  progress-striped active">
										<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
											60%
										</div>
									</div>
								</li>
								<li class="avatar">
									<a href="page-inbox.html">
										<img class="avatar" src="assets/img/avatar1.jpg" alt="" />
										<div><div class="point point-primary point-lg"></div>New message</div>
										<span><small>1 minute ago</small></span>							
									</a>
								</li>
								<li class="avatar">
									<a href="page-inbox.html">
										<img class="avatar" src="assets/img/avatar2.jpg" alt="" />
										<div><div class="point point-primary point-lg"></div>New message</div>
										<span><small>3 minute ago</small></span>								
									</a>
								</li>
								<li class="avatar">
									<a href="page-inbox.html">
										<img class="avatar" src="assets/img/avatar3.jpg" alt="" />
										<div><div class="point point-primary point-lg"></div>New message</div>
										<span><small>4 minute ago</small></span>								
									</a>
								</li>
								<li class="avatar">
									<a href="page-inbox.html">
										<img class="avatar" src="assets/img/avatar4.jpg" alt="" />
										<div><div class="point point-primary point-lg"></div>New message</div>
										<span><small>30 minute ago</small></span>
									</a>
								</li>
								<li class="avatar">
									<a href="page-inbox.html">
										<img class="avatar" src="assets/img/avatar5.jpg" alt="" />
										<div><div class="point point-primary point-lg"></div>New message</div>
										<span><small>1 hours ago</small></span>
									</a>
								</li>						
								<li class="dropdown-menu-footer text-center">
									<a href="page-inbox.html">View all messages</a>
								</li>	
							</ul>
						</li>
						<li>
							<a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
								<i class="fa fa-bell"></i>
								<span class="badge">3</span>
							</a>
							<ul class="dropdown-menu list-group">
								<li class="dropdown-menu-header">
									<strong>Notifications</strong>
									<div class="progress progress-xs  progress-striped active">
										<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
											60%
										</div>
									</div>
								</li>
								<li class="list-item">
									<a href="page-inbox.html">
										<div class="pull-left">
										   <i class="fa fa-envelope-o bk-fg-primary"></i>
										</div>
										<div class="media-body clearfix">
											<div>Unread Message</div>
											<h6>You have 10 unread message</h6>
										</div>								
									</a>
								</li>
								<li class="list-item">
									<a href="#">
										<div class="pull-left">
										   <i class="fa fa-cogs bk-fg-primary"></i>
										</div>
										<div class="media-body clearfix">
											<div>New Settings</div>
											<h6>There are new settings available</h6>
										</div>								
									</a>
								</li>
								<li class="list-item">
									<a href="#">
										<div class="pull-left">
										   <i class="fa fa-fire bk-fg-primary"></i>
										</div>
										<div class="media-body clearfix">
											<div>Update</div>
											<h6>There are new updates available</h6>
										</div>								
									</a>
								</li>
								<li class="list-item-last">
									<a href="#">
									  <h6>Unread notifications</h6>
									  <span class="badge">15</span>
								   </a>
								</li>
							</ul>
						</li>
					</ul>-->
					<!-- End Notifications -->
					<!-- Userbox -->

						<a href="/tologin" class="" data-toggle="">
								用户登录
						</a>
						&nbsp
						<a href="/page-backuser-login" class="" data-toggle="">
								管理员登录
						</a>


					<!-- End Userbox -->
				</div>
				<!-- End Navbar Right -->
			</div>
		</div>
		<!-- End: Header -->
		
		<!-- Start: Content -->
		<div class="container-fluid content">	
			<div class="row">
			
				<!-- Sidebar -->
				<!--<div class="sidebar">
					<div class="sidebar-collapse">
						&lt;!&ndash; Sidebar Header Logo&ndash;&gt;
						<div class="sidebar-header">
							<img src="assets/img/logo.png" class="img-responsive" alt="" />
						</div>
						&lt;!&ndash; Sidebar Menu&ndash;&gt;

						&lt;!&ndash; End Sidebar Menu&ndash;&gt;
					</div>
					&lt;!&ndash; Sidebar Footer&ndash;&gt;

					&lt;!&ndash; End Sidebar Footer&ndash;&gt;
				</div>-->
				<!-- End Sidebar -->			
		
				<!-- Main Page -->
				<div class=" " style="margin: 100px auto;   width:1100px;">
					<!-- Page Header -->
				<!--	<div class="page-header">
						<div class="pull-left">
							<ol class="breadcrumb visible-sm visible-md visible-lg">								
								<li><a href="index.html"><i class="icon fa fa-home"></i>Home</a></li>
								<li><a href="#"><i class="fa fa-file-text"></i>Pages</a></li>
								<li class="active"><i class="fa fa-credit-card"></i>Invoice</li>
							</ol>						
						</div>
						<div class="pull-right">
							<h2>Invoice</h2>
						</div>					
					</div>-->
					<!-- End Page Header -->
					<div class="search-wrapper" style="margin-left: 20px;">
								<input type="text" id="search_input"   maxlength="64" style="width: 900px; heigit:20px; line-height: 20px;padding:12px 16px; border:1px solid #fff;border-right:0;"  placeholder="搜索网页类别">
								<input type="submit" id="search_button" class="search_button" value="搜索" style="width: 142px; height:46px; font-size:18px;color:#fff;border:0; background:#435D78;cursor: pointer;">
					</div>

					<div class="invoice">
						<div class="row header">
							<div class="col-sm-12  clearFlout" id="collectType">

								<!--<div class="panel panel-body bk-bg-white"  style="width:340px; float: left;margin-left: 20px;margin-top: 30px; border-radius: 20px;">
									<h5><strong style="font-size: 20px">旅游</strong></h5>
									<p style=" height: 90px;overflow: hidden;text-overflow:ellipsis;white-space:pre-line;">
										国内
									</p>
								</div>-->
							</div>

						</div>						

					</div>	
				</div>
				<!-- End Main Page -->

				<!-- Usage -->

				<!-- End Usage -->
			
			</div>
		</div><!--/container-->
		
		
		<!-- Modal Dialog -->
		<div class="modal fade" id="myModal">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title bk-fg-primary">Modal title</h4>
					</div>
					<div class="modal-body">
						<p class="bk-fg-danger">Here settings can be configured...</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						<button type="button" class="btn btn-primary">Save changes</button>
					</div>
				</div>
			</div>
		</div><!-- End Modal Dialog -->		
		
		<div class="clearfix"></div>		
		
		
		<!-- start: JavaScript-->
		
		<!-- Vendor JS-->				
		<script src="/vendor/js/jquery.min.js"></script>
		<script src="/vendor/js/jquery-2.1.1.min.js"></script>
		<script src="/vendor/js/jquery-migrate-1.2.1.min.js"></script>
		<script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
		<script src="/vendor/skycons/js/skycons.js"></script>
		
		<!-- Plugins JS-->
		<script src="/plugins/jquery-ui/js/jquery-ui-1.10.4.min.js"></script>
		<script src="/plugins/moment/js/moment.min.js"></script>
		<script src="/plugins/fullcalendar/js/fullcalendar.min.js"></script>
		
		<!-- Theme JS -->		
		<script src="/js/jquery.mmenu.min.js"></script>
		<script src="/js/core.min.js"></script>
		
		<!-- Pages JS -->
		<script src="/js/pages/invoice.js"></script>
		
		<!-- end: JavaScript-->
		
	</body>
	
</html>